<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		/*Location 对象学习*/
		function testLocation(){
			
			//当前网的地址
			var href=window.location.href;
			//IP地址      127.0.0.1
			var hostname = window.location.hostname;
			//端口号   8020
			var port = window.location.port;
			//主机号   127.0.0.1:8020
			var host = window.location.host;
			//alert(href+"----"+hostname+"----"+port+"------"+host);
			
			//修改当前的URL
			window.location.href="http://www.baidu.com";
			//重新加载页面
			//window.location.reload();
		}
		/*history对象*/
		function testHistory(){
			//返回浏览器历史列表中的URL数量
			var his = window.history.length;
			//alert(his);
			//前进按钮
			window.history.forward();
			//后退
			//window.history.back();
			
			//控制前进和后退的网页		如果是正数代表前进     如果是负数代表后退     如果是0重新加载页面
			window.history.go(3);
			
		}
		/*screen*/
		function testscreen(){
			//屏幕分辨率
			var he = window.screen.height;
			var wi = window.screen.width;
			alert(he+"---"+wi);
		}
		
		function testNavigator(){
			var na= window.navigator.userAgent;
			alert(na);
		}
		</script>
	</head>
	<body>
		<p>
			<input type="button" name="" id="" value="location对象" onclick="testLocation()" />
		</p>
		<p>
			<input type="button" name="" id="" value="history对象" onclick="testHistory()" />
		</p>
		<p>
			<input type="button" name="" id="" value="history对象" onclick="testscreen()" />
		</p>
		<p>
			<input type="button" name="" id="" value="navigator对象" onclick="testNavigator()" />
		</p>
	</body>
</html>
